<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
  <meta content="yes" name="apple-mobile-web-app-capable"/>
  <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
  <meta content="telephone=no" name="format-detection"/>
  <title>剑桥英语</title>
  <script rel="stylesheet" src="./common/js/flexible.js"></script>
  <link rel="stylesheet" href="./common/css/reset.css">
  <link rel="stylesheet" href="./lib/wu-layer/iconfont.css">
  <link rel="stylesheet" href="./lib/wu-layer/wu-ui.css">
  <link rel="stylesheet" href="./css/business-cooperation.css">
</head>
<body>
<div>
  <div id="header"></div>

  <div class="banner">
    <img src="./img/banner.png" alt="" class="banner-img">
  </div>

  <div class="container">
    <div class="describe">
      <div class="describe-t flex row-center">
        <span class="yellow-line"></span>
        <div class="describe-title">商务合作</div>
        <span class="yellow-line"></span>
      </div>
      <p class="describe-msg">
        剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教程，每本教程由100篇阅读文章和精心选配的图片、实用的练习题组成。阅读材料全部取自原汁原味的英语文章，学生可以从中学习到地道的英语句法结构和表达。
      </p>
      <p class="describe-msg">
        剑桥英语青少版扩展阅读系列丛书引进并改编自Success with Reading英文原版，配套合剑桥英语青少版的进阶式补充阅读教程，每本教程由100篇阅读文章和精心选配的图片、实用的练习题组成。阅读材料全部取自原汁原味的英语文章，学生可以从中学习到地道的英语句法结构和表达。
      </p>
    </div>
    <div class="form" id="form">
      <div class="label" style="margin-top: 1rem">姓名：</div>
      <input type="text" autocomplete="off" class="inp enter" placeholder="请输入姓名" name="username">
      <div class="label">联系电话：</div>
      <input type="text" autocomplete="off" class="inp enter" placeholder="请输入联系电话" name="tell">
      <div class="label">电子邮箱：</div>
      <input autocomplete="off" class="inp enter" placeholder="请输入电子邮箱" name="email">
      <div class="label">来访身份：</div>
      <div class="radio-wrapper flex">
        <label class="flex radio-label">
          <span class="radio">
            <input type="radio" checked class="radio-input" name="identity" value="organization">
            <span class="radio-inner"></span>
          </span>
          <span class="radio-text">机构</span>
        </label>
        <label class="flex radio-label">
          <span class="radio">
            <input type="radio" class="radio-input" name="identity" value="personal">
            <span class="radio-inner"></span>
          </span>
          <span class="radio-text">个人</span>
        </label>
      </div>

      <div class="organizationName">
        <div class="label">机构名称：</div>
        <input autocomplete="off" class="inp enter" placeholder="请输入机构名称" name="organizationName">
      </div>

      <div class="label">所在地区：</div>
      <div class="select-group flex row-left">
        <div class="select-wrapper">
          <select id="province" class="inp select" name="province" onChange="changeComplexProvince(this.value, sub_array, 'city', 'area');">
          </select>
          <div class="arrow"></div>
        </div>

        <div class="select-wrapper" style="margin-left: .2rem;">
          <select id="city" class="inp select" name="city" onChange="changeCity(this.value, 'area', 'area');">
          </select>
          <div class="arrow"></div>
        </div>
        <div class="select-wrapper" style="margin-left: .2rem;">
          <select id="area" class="inp select" name="area">
          </select>
          <div class="arrow"></div>
        </div>
      </div>
      <input autocomplete="off" class="inp enter" placeholder="请输入详细地址（选填）" name="address" style="margin-top: .32rem;">
      <div class="label">合作意向：</div>
      <textarea autocomplete="off" class="inp enter" placeholder="请输入合作意向" name="cooperationIntention" style="height: 3.98rem"></textarea>

      <a class="submit-btn hover-class" href="javascript:;">提交</a>
    </div>
  </div>

  <div class="bg-wrapper">
    <img src="./img/course-list/bg.png" alt="">
  </div>

  <div class="card-win">
    <div class="content" style="background-image: url('./img/content-2.png')">
      <h2 class="title flex">
        <span class="title-msg-zh">报名考试</span>
        <span class="title-msg-en">Candidate Registration</span>
      </h2>
      <div class="btn-group flex-col row-center" style="padding-left: .38rem; height: 3.12rem;">
        <a href="./individual-registration.html" class="btn">个人报名</a>
        <a href=./mechanism-registration.html class="btn">机构报名</a>
      </div>
    </div>

    <div class="content" style="background-image: url('./img/content-3.png'); margin-top: .82rem;">
      <h2 class="title flex">
        <span class="title-msg-zh">在线课程</span>
        <span class="title-msg-en">Online Courses</span>
      </h2>
      <div class="btn-group flex-col row-center" style="padding-left: .38rem; height: 3.12rem;">
        <a style="margin-top: -0.3rem" href="./course-list.html" class="btn">进入课程</a>
      </div>
    </div>
  </div>


  <div id="footer">
  </div>
</div>
<script src="./common/js/jquery-2.1.1.min.js"></script>
<script src="./common/js/index.js"></script>
<script src="lib/wu-layer/wu-ui.js"></script>
<script src="./lib/AreaData_min.js"></script>
<script src="./lib/Area.js"></script>
<script src="./js/business-cooperation.js"></script>
</body>
</html>
